/* com_class */
@c1: #EE88A0;
@c2: #FFFFFF;
@c3: #00AA8D;
@c4: #585555;
@c5: #E3E3E3;
@c6: #FAE7E1;
@c7: #F8D2D4;
@c8: #E41742;
@c9: #61605D;
@c10: #BDBDBD;
@c11: #E3E3E3;
@c12: #6D6A68;
@c13: #DBEFF8;
@c14: #ED7C98;
@c15: #F8CAB3;
@c16: #EF909C;
@c17: #F9D2D5;
@c18: #C3C3C3;
@c19: #F2F1EC;
@c20: #F9E6E0;
@c21: #F3F2ED;
@c22: #196E95;
@c23: #00A441;
@c24: #E95F79;
@c25: #F9EFED;
@c26: #F8F8F8;
@c27: #F7F7F7;
@c28: #FEEEE1;
@c29: #F3E0DA;
@c30: #E85077;
@c31: #EDD5CE;
@c32: #E97E38;
@c33: #ED7F82;
@c34: #E65177;
@c35: #333333;
@c36: #CCCCCC;
@c37: #E8456B;
@c38: #EF8D9E;
@c39: #E31741;

.bg1 {
    background-color: @c1;
}
.bg2 {
    background-color: @c2;
}
.bg3 {
    background-color: @c3;
}
.bg4 {
    background-color: @c4;
}
.bg5 {
    background-color: @c5;
}
.bg6 {
    background-color: @c6;
}
.bg7 {
    background-color: @c7;
}
.bg8 {
    background-color: @c8;
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}